---
type: tutorial
unitTitle: Mettre les voiles vers les îlots d'Astro
title: "Embarquement : Unité 6 - Îlots d'Astro"
description: |-
  Tutoriel : Créer votre premier blog avec Astro —
  Utilisez les îlots d'Astro pour intégrer des composants de framework frontend dans votre site Astro
i18nReady: true
head:
  - tag: title
    content: "Tutoriel de création d'un blog : Unité 6 - Îlots d'Astro | Docs"
---
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';


Maintenant que vous avez un blog entièrement fonctionnel, il est temps d'ajouter quelques îlots interactifs à votre site !

## Ce que la suite vous réserve

Dans cette unité, vous utiliserez les **îlots d'Astro** pour intégrer des composants de framework frontend dans votre site Astro.

Vous allez :
- Ajouter un framework UI, Preact, à votre projet Astro
- Utiliser Preact pour créer un composant de salutation interactif
- Apprendre quand vous pourriez _ne pas_ choisir les îlots pour l'interactivité


<Box icon="check-list">

## Liste de contrôle

<Checklist>
- [ ] Je suis prêt à ajouter de l'interactivité à mon site et à commencer à vivre cette vie insulaire !
</Checklist>
</Box>
